<template>
  <div class="main">
    <swiper :options="swiperOption">
      <swiper-slide v-for="(slide, key) in 4" :key="key">
        <div align="center">slide</div>
      </swiper-slide>
      <!--以下看需要添加-->

      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
    <div
      class="swiper-button-prev swiper-button-black"
      slot="button-prev"
    ></div>
    <div
      class="swiper-button-next swiper-button-black"
      slot="button-next"
    ></div>
  </div>
</template>

<script>
import { Swiper, SwiperSlide } from 'vue-awesome-swiper';

export default {
  name: 'work',
  components: {
    Swiper,
    SwiperSlide
  },

  data () {
    return {


    };
  }

};
</script>

<style lang="less" scoped>
.main {
  width: 800px;
  height: 533px;
  margin: 0 auto;
  position: relative;
}
</style>
